<template>
	<div>
		<div v-bind:class="isRed?'red':'green'">11111</div>
		<div :class="{'red':true, 'big':false}">
			多个class
		</div>
		<div>
			<div v-for="stu in stus" :class="{'A':'red', 'B':'green'}[stu.score]">
				{{stu.name}}
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				isRed: false,
				stus: [{
					name: 'jack',
					score: 'A'
				}, {
					name: 'rose',
					score: 'B'
				}, ]
			}
		}
	}
</script>
<style>
	.red {
		background-color: red;
	}
	
	.green {
		background-color: green;
	}
	
	.big {
		font-size: 50px;
	}
</style>